﻿$.fn.ChangeQuantity = function () {
    var selector = $(this);
    selector.wrap('<div class="group-quantity"></div>');
    $('<span class="minus">-</span>').insertBefore(selector);
    $('<span class="plus">+</span>').insertAfter(selector);
    $('.group-quantity').css({ width: '100px', 'text-align': 'center' });
    selector.css({ width: '49px', padding: '0', margin: '0 4px', 'text-align': 'center' });
    $('.group-quantity .minus, .group-quantity .plus').css({ color: '#000', background: '#CCC', padding: '0 5px', cursor: 'pointer' });
    $('.group-quantity .plus').css({ padding: '0 4px' });
    if (selector.val() == "" || selector.val() <= 0) {
        selector.val(1);
    }
    selector.attr('readonly', true);
    $('.minus').click(function () {
        var obj = $(this).parent().find('input');
        if (obj.val() <= 1) {
            obj.val(1);
        } else {
            obj.val(parseInt(obj.val()) - 1);
        }
    });
    $('.plus').click(function () {
        var obj = $(this).parent().find('input');
        obj.val(parseInt(obj.val()) + 1);
    });
}
